<template>
	<view>
		<view style="padding: 40rpx;">
			<view class="problem">
				2. 过去一年内购买过不同金融产品的数量？
			</view>
			<view class="choice" v-for="item in choices" :key="item.name">
				<view class="choice1" @tap='go'>
					{{item.name}}
				</view>
			</view>
			<view class="progressBar">
				<view class="progressBarBox">
					<view class="progressBarBox1"></view>
				</view>
				<view class="progressBarText">
					2/10
				</view>
			</view>
		</view>
		<view class="tips">
			温馨提示：填写进行测评问卷时，请您确保选项真实、准确、完整和有效可靠。如问卷中存在欺诈、隐瞒或有其他不实陈述而导致问卷结果与投资实际情况不符，甚至出现投资亏损等情况，本平台及合作机构不承担任何责任。
		</view>
	</view>

</template>

<script scoped>
	export default {
		data() {
			return {
				choices: [{
						name: 'a.12个以上'
					},
					{
						name: 'b.11-15个'
					},
					{
						name: 'c.6-10个'
					},
					{
						name: 'd.5个以下'
					},
					{
						name: 'e.没有'
					}
				],
			}
		},
		methods: {
			go() {
				uni.redirectTo({
					url: "./evaluation3"
				})
			}
		}
	}
</script>

<style scoped>
	.problem {
		font-size: 32rpx;

	}

	.choice {
		margin-top: 40rpx;
	}

	.choice .choice1 {
		border-top: 2rpx solid #F0F0F0;
		padding-top: 40rpx;
		font-size: 28rpx;
		color: #666666;
	}

	.progressBar {
		margin-top: 290rpx;
	}

	.progressBar .progressBarBox {
		width: 100%;
		height: 8rpx;
		background-color: #cccccc;
	}

	.progressBar .progressBarBox .progressBarBox1 {
		width: 20%;
		height: 8rpx;
		background-color: #3476f1;
	}

	.progressBar .progressBarText {
		margin-top: 20rpx;
		color: #888888;
		text-align: center;
	}

	.tips {
		height: 300rpx;
		padding: 40rpx;
		background-color: #f3f3f3;
		font-size: 24rpx;
		color: #888888;
		line-height: 36rpx;
	}
</style>
